<!DOCTYPE html>
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core" >

	<h:form>
		<p:outputPanel id="menuPanel" layout="block">
			<p:menu autoSubmenuDisplay="true"
				style="width:213px;height:483px;border:none;font-size:small;padding:0px;"
				ajax="false" type="sliding" backLabel="Back">
				<p:submenu label="Clubs &amp; Leagues" icon="ui-icon ui-icon-refresh">
					<p:menuitem value="Clubs" url="club.xhtml" />
					<p:menuitem value="Leagues" url="league.xhtml" />
				</p:submenu>
<!-- 				<p:submenu label="More Pages" icon="ui-icon ui-icon-refresh">
					<p:menuitem value="Page 3" url="/pages/page3.xhtml" />
					<p:menuitem value="Page 4" url="/pages/page4.xhtml" />
				</p:submenu> -->
			</p:menu>
		</p:outputPanel>
	</h:form>

</ui:composition>